分數回饋

在遊戲完成的最後，紐時的專題中使用的是報導的分享，在這裡我另外設計了不同的分數回饋機制。
參考心理學家奇克森特米哈伊·米哈伊的《心流》理論，在遊戲完成後給予立即回饋。

程式碼就是寫一個函數並帶入數值回傳

const gameComment = (score) => {
    let comment = '';

    if (score === 0) {
        comment = '似乎你對網頁開發的歷史還不太熟悉。沒問題的，這個遊戲就是讓你第一步了解它。';
    } else if (score >= 1 && score <= 14) {
        comment = '你對網頁開發有基本的了解，但進一步的學習將有助於你更深入地理解這個領域。';
    } else if (score >= 15 && score <= 27) {
        comment = '非常好！你對網頁開發的歷史有著很好的掌握，在這個領域幾乎是專家囉。';
    } else if (score === 28) {
        comment = '完美！你對網頁開發歷史是專家級別! 完全展示了深厚的知識和對這個領域的熱情。';
    }

    return comment;
};

網站分享

使用社群媒體分享按鈕

1. 添加分享按鈕：在網站上添加社群媒體分享按鈕（如 Facebook、Twitter、LinkedIn 等）。
   • 手動添加：您可以使用各社群媒體平台提供的 API 或 SDK。
   • 使用庫或插件：例如，如果您的網站是用 Vue.js 建立的，您可以使用像 vue-social-sharing 這樣的庫。
2. 設置 Open Graph 標籤：這些是一組 HTML 標籤，用於當您的網站在社群媒體上被分享時提供更多的元信息（如標題、描述、圖片等）。

<meta property="og:title" content="網站標題" />
<meta property="og:description" content="網站描述" />
<meta property="og:image" content="您的網站預覽圖片 URL" />

這樣整個作品就完成啦，接下來剩下一些優化、追蹤成效跟其他的許願功能囉。

關於分享的其他

使用社群媒體管理工具

使用像 Hootsuite、Buffer 或 Sprout Social 這樣的社群媒體管理工具，可以預先安排發文跟踪與網站相關的社交媒體活動。

利用社群媒體廣告

也可以使用社群媒體廣告來推廣網站。這通常需要一個預算，但它是一種有效的方式來增加網站的曝光度。(看 side proejcet 之後的發展)

內容行銷

1. 創建有價值的內容：例如，部落格文章、Youtube 或者是懶人包等等，然後在社群媒體上分享它們。
2. 與社群互動：參與相關的社群媒體群組或論壇，並在適當的時候分享您的網站。

監控和分析

使用 Google Analytics 或其他分析工具來跟踪來自社群媒體的流量。了解哪些策略最有效，並相應地調整 UI/UX 或是宣傳自己作品的方法。